﻿/**
* Endless Scroll plugin for jQuery
*
* v1.3
*
* Copyright (c) 2008 Fred Wu
*
* Dual licensed under the MIT and GPL licenses:
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*/

/**
* Usage:
* 
* // using default options
* $(document).endlessScroll();
*
* // using some custom options
* $(document).endlessScroll({
*   fireOnce: false,
*   fireDelay: false,
*   loader: "<div class=\"loading\"><div>",
*   callback: function(){
*     alert("test");
*   }
* });
*
* Configuration options:
*
* bottomPixels  integer          the number of pixels from the bottom of the page that triggers the event
* fireOnce      boolean          only fire once until the execution of the current event is completed
* fireDelay     integer          delay the subsequent firing, in milliseconds. 0 or false to disable delay.
* loader        string           the HTML to be displayed during loading
* data          string|function  plain HTML data, can be either a string or a function that returns a string
* insertAfter   string           jQuery selector syntax: where to put the loader as well as the plain HTML data
* callback      function         callback function, accepets one argument: fire sequence (the number of times 
*                                the event triggered during the current page session)
* resetCounter  function         resets the fire sequence counter if the function returns true, this function
*                                could also perform hook actions since it is applied at the start of the event
* ceaseFire     function         stops the event (no more endless scrolling) if the function returns true
*
* Usage tips:
*
* The plugin is more useful when used with the callback function, which can then make AJAX calls to retrieve content.
* The fire sequence argument (for the callback function) is useful for 'pagination'-like features.
*/

(function($) {

    $.fn.endlessScroll = function(options) {

        var defaults = {
            bottomPixels: 50,
            fireOnce: true,
            fireDelay: 150,
            loader: "<br />Loading...<br />",
            data: "",
            insertAfter: "div:last",
            resetCounter: function() { return false; },
            callback: function() { return true; },
            ceaseFire: function() { return false; }
        };

        var options = $.extend(defaults, options);

        var firing = true;
        var fired = false;
        var fireSequence = 0;

        if (options.ceaseFire.apply(this) === true) {
            firing = false;
        }

        if (firing === true) {
            $(this).scroll(function() {
                //LEO:change this for Element.                
                if ($(this).scrollTop() > (this.scrollHeight - this.clientHeight - options.bottomPixels)) {
                    if ((options.fireOnce == false || (options.fireOnce == true && fired != true))) {
                        if (options.resetCounter.apply(this) === true) {
                            fireSequence = 0;
                        }

                        fired = true;
                        fireSequence++;

                        $(options.insertAfter).after("<div id=\"endless_scroll_loader\">" + options.loader + "</div>");

                        if (typeof options.data == 'function') {
                            data = options.data.apply(this);
                        }
                        else {
                            data = options.data;
                        }

                        if (data !== false) {
                            $("div#endless_scroll_loader").remove();
                            $(options.insertAfter).after("<div id=\"endless_scroll_data\">" + data + "</div>");
                            $("div#endless_scroll_data").hide().fadeIn();
                            $("div#endless_scroll_data").removeAttr("id");

                            var args = new Array();
                            args[0] = fireSequence;
                            options.callback.apply(this, args);

                            if (options.fireDelay !== false || options.fireDelay !== 0) {
                                // slight delay for preventing event firing twice
                                $("body").after("<div id=\"endless_scroll_marker\"></div>");
                                $("div#endless_scroll_marker").fadeTo(options.fireDelay, 1, function() {
                                    $(this).remove();
                                    fired = false;
                                });
                            }
                            else {
                                fired = false;
                            }
                        }
                    }
                }
            });
        }
    };

})(jQuery);